<template>
  <div>
    <food :arr="arr"></food>
  </div>
</template>

<script>
// 导入
import food from './components/food.vue'

export default {
  components: {
    food
  },
  data () {
    return {
      arr: [
        {
          shopName: '可比克薯片',
          price: 5.5,
          count: 0
        },
        {
          shopName: '草莓酱',
          price: 3.5,
          count: 0
        },
        {
          shopName: '红烧肉',
          price: 55,
          count: 0
        },
        {
          shopName: '方便面',
          price: 12,
          count: 0
        }
      ]
    }
  }
}
</script>

<style lang="scss" scoped></style>
